// 定义内外边距，历遍1-200
@for $i from 0 through 500 {
	// 只要双数和能被5除尽的数
	@if $i % 2 == 0 or $i % 5 == 0 {
		// 定义外边距
		.u-m-#{$i} {
			margin: $i + rpx!important;
		}
		//定义上边距
		.u-m-t-#{$i} {
			margin-top: $i + rpx !important;
		}
		//定义下边距
		.u-m-b-#{$i} {
			margin-bottom: $i + rpx !important;
		}
		// 定义上下外边距
		.u-m-tb-#{$i} {
			margin: $i + rpx 0 !important;
		}
		// 定义左右外边距
		.u-m-lr-#{$i} {
			margin: 0 $i + rpx !important;
		}
		// 定义右外边距
		.u-m-r-#{$i} {
			margin-right:  $i + rpx !important;
		}
		// 定义zuo外边距
		.u-m-l-#{$i} {
			margin-left:  $i + rpx !important;
		}
		// 定义内边距
		.u-p-#{$i} {
			padding: $i + rpx!important;
		}
		// 定义上下内边距
		.u-p-tb-#{$i} {
			padding: $i + rpx 0 !important;
		}
		// 定义左右内边距
		.u-p-lr-#{$i} {
			padding: 0 $i + rpx !important;
		}
	}
}
//超出隐藏
@for $var from 0 through 800 {
	.hidden-#{$var} {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: $var + rpx !important;
	}
}

//超出隐藏(行数)
@for $var from 1 through 10 {
	.nhidden-#{$var} {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: $var; /* 限制在一个块元素显示的文本的行数 */
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
.clamp-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 这里设置显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
}
// 圆角，历遍1-50
@for $i from 0 through 100 {
	.u-radius-#{$i} {
		border-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-t-l-#{$i} {
		border-top-left-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-t-r-#{$i} {
		border-top-right-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-b-r-#{$i} {
		border-bottom-right-radius: $i + px !important;
		overflow: hidden;
	}
	.u-radius-b-l-#{$i} {
		border-bottom-left-radius: $i + px !important;
		overflow: hidden;
	}
}

// 宽高，历遍1-50
@for $i from 0 through 1000 {
	
	.w#{$i}{
		width:$i + rpx !important; 
	}
	.h#{$i}{
		height:$i + rpx !important; 
	}
	
}

// 浮动边距，历遍1-750
@for $i from 0 through 750 {
	.u-abso-t-#{$i} {
		top: $i + rpx !important;
		bottom: auto;
	}
	.u-abso-r-#{$i} {
		right: $i + rpx !important;
		right: auto;
	}
	.u-abso-b-#{$i} {
		bottom: $i + rpx !important;
		top: auto;
	}
	.u-abso-l-#{$i} {
		left: $i + rpx !important;
		right: auto;
	}
}
	.t_font{
		font-family: 'titlefont';
	}
	.c_font{
		font-family: 'contentfont';
	}
// 层级，历遍1-9999
@for $i from 0 through 1000 {
	.u-zindex-#{$i} {
		z-index: $i;
	}
}

// 宽度 高度，历遍1-750
@for $i from 0 through 750 {
	.u-w-#{$i} {
		width: $i + rpx !important;
	}
	.u-h-#{$i} {
		height: $i + rpx !important;
	}
}
.halfb{
	color: rgba(0,0,0,0.45);
}
.white85{
	color: rgba(255,255,255,0.85);
}
.white45{
	color: rgba(255,255,255,0.45);
}
.white65{
	color: rgba(255,255,255,0.65);
}
.b85{
	color: rgba(0,0,0,0.85);
}
.b65{
	color: rgba(0,0,0,0.65);
}
.b45{
	color: rgba(0,0,0,0.45);
}
.b25{
	color: rgba(0,0,0,0.25);
}
.main-color{
	color: #383F85;
}
.error-color{
	color: #F76265;
}
.main-color-b{
	background-color: #383F85;
	color: #fff;
}
// 100%宽度 多余隐藏
.u-width-100{
	width: 100%;
	overflow: hidden;
}

// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
@for $i from 20 through 200 {
	.u-font-#{$i} {
		font-size: $i + rpx;
	}
}

.u-font-bold {
	font-weight: bold;
}
.u-font-normal {
	font-weight: normal;
}

.brown {
	color: #7A4D24
}
.purple {
	color: #9926FE
}
.white{
	color: #fff;
}
//白色背景
.u-type-white-bg{
	background: #FFFFFF;
}

//不自动缩放
.u-shrink-no{
	flex-shrink: 0;
}
/*删除线*/
.u-line-through {
	text-decoration: line-through;
}

/*checkbox圆角*/
/* #ifdef H5 */
.u-checkbox-radius{
	uni-checkbox .uni-checkbox-input {
		width: 35rpx;
		height: 35rpx;
		border-radius: 50%;
	}
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
		width: 35rpx;
		height: 35rpx;
		border: 1rpx solid #FF2E2E;
		background-color: #FF2E2E;
	}

	uni-checkbox .uni-checkbox-wrapper {
		width: 100%;
	}
	
	uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{
		color: #FFFFFF;
	}
	
	uni-checkbox:not([disabled]) .uni-checkbox-input:hover{
		border-color: transparent;
	}
}
/* #endif */
.flex{
	display: flex;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-around{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.flex-between{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
/*底部浮动按钮*/
.submit-btn{
	color: #fff;
	border-radius: 40rpx;
	text-align: center;
	height: 90rpx;
	line-height: 90rpx;
	width: 90vw;
	position: fixed;
	bottom: 30rpx;
	left: 5%;
	z-index: 99;
	// background: linear-gradient(rgba(255,255,255,0), rgba(247,247,247,1), rgba(247,247,247,1));
	// background-color: $uni-primary;
}

/*列表/数据为空垂直居中*/
.empty-tip{
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}